<template>
  <el-descriptions :column="4" border direction="vertical" style="margin-bottom: 20px;">
    <template #title>
      <el-icon><List /></el-icon>
      <span>收货人信息</span>
    </template>
    <el-descriptions-item label="收货人" label-align="center" effect="light" align="center">
      {{ prop.receive.receiverName }}
    </el-descriptions-item>
    <el-descriptions-item label="手机号码" label-align="center" align="center">
      {{ prop.receive.receiverPhone }}
    </el-descriptions-item>
    <el-descriptions-item label="邮政编码" label-align="center" align="center">
      {{ prop.receive.receiverPostCode }}
    </el-descriptions-item>
    <el-descriptions-item label="收货地址" label-align="center" align="center">
      {{ prop.receive.receiverProvince }}  {{ prop.receive.receiverCity }} {{ prop.receive.receiverRegion }}
    </el-descriptions-item>
  </el-descriptions>
</template>
<script setup lang="ts">
let prop = defineProps<{
  receive:any
}>()

</script>